<template>
  <iframe src="./docs?nomenu=true" scrolling="auto" frameborder="0" :style="{ width: '100%', height: frameHeight + 'px' }"></iframe>
</template>
<script>
export default {
  data() {
    return {
      frameHeight: 400
    };
  },
  methods: {
    ResizeDetailPanel(area) {
      this.frameHeight = area.height - 10;
    }
  },
  mounted() {
    let area = this.getClientArea();

    this.ResizeDetailPanel(area);
    this.$bus.on('windowResizeChanged', client => this.ResizeDetailPanel(client));
  }
};
</script>
